<template>
  <div class="selectDig" >
    <div class="title"><span>中华经典云课堂</span>  <span class="closed" @click="Close()"><img src="static/img/close.png"></span></div>
    <div class="cont">
      <div class="filter">
        <dl><dt style="width: auto;">课程：</dt><dd class="cur">国学动画</dd><dd>千字文</dd><dd>声律启蒙</dd><dd>大学</dd><dd>书画赏析</dd></dl>
      </div>

      <ul class="kc-list">
        <li>
          <div class="pic_area"><img src="static/img/pic.jpg"></div>
          <p><span class="tit">弟子规1课</span></p>
        </li>
        <li>
          <div class="pic_area"><img src="static/img/pic.jpg"></div>
          <p><span class="tit">弟子规1课</span></p>
        </li>
        <li>
          <div class="pic_area"><img src="static/img/pic.jpg"></div>
          <p><span class="tit">弟子规1课</span></p>
        </li> <li>
        <div class="pic_area"><img src="static/img/pic.jpg"></div>
        <p><span class="tit">弟子规1课</span></p>
      </li> <li>
        <div class="pic_area"><img src="static/img/pic.jpg"></div>
        <p><span class="tit">弟子规1课</span></p>
      </li> <li>
        <div class="pic_area"><img src="static/img/pic.jpg"></div>
        <p><span class="tit">弟子规1课</span></p>
      </li> <li>
        <div class="pic_area"><img src="static/img/pic.jpg"></div>
        <p><span class="tit">弟子规1课</span></p>
      </li> <li>
        <div class="pic_area"><img src="static/img/pic.jpg"></div>
        <p><span class="tit">弟子规1课</span></p>
      </li> <li>
        <div class="pic_area"><img src="static/img/pic.jpg"></div>
        <p><span class="tit">弟子规1课</span></p>
      </li> <li>
        <div class="pic_area"><img src="static/img/pic.jpg"></div>
        <p><span class="tit">弟子规1课</span></p>
      </li> <li>
        <div class="pic_area"><img src="static/img/pic.jpg"></div>
        <p><span class="tit">弟子规1课</span></p>
      </li> <li>
        <div class="pic_area"><img src="static/img/pic.jpg"></div>
        <p><span class="tit">弟子规1课</span></p>
      </li>    <li>
        <div class="pic_area"><img src="static/img/pic.jpg"></div>
        <p><span class="tit">弟子规1课</span></p>
      </li> <li>
        <div class="pic_area"><img src="static/img/pic.jpg"></div>
        <p><span class="tit">弟子规1课</span></p>
      </li> <li>
        <div class="pic_area"><img src="static/img/pic.jpg"></div>
        <p><span class="tit">弟子规1课</span></p>
      </li> <li>
        <div class="pic_area"><img src="static/img/pic.jpg"></div>
        <p><span class="tit">弟子规1课</span></p>
      </li> <li>
        <div class="pic_area"><img src="static/img/pic.jpg"></div>
        <p><span class="tit">弟子规1课</span></p>
      </li> <li>
        <div class="pic_area"><img src="static/img/pic.jpg"></div>
        <p><span class="tit">弟子规1课</span></p>
      </li> <li>
        <div class="pic_area"><img src="static/img/pic.jpg"></div>
        <p><span class="tit">弟子规1课</span></p>
      </li> <li>
        <div class="pic_area"><img src="static/img/pic.jpg"></div>
        <p><span class="tit">弟子规1课</span></p>
      </li> <li>
        <div class="pic_area"><img src="static/img/pic.jpg"></div>
        <p><span class="tit">弟子规1课</span></p>
      </li> <li>
        <div class="pic_area"><img src="static/img/pic.jpg"></div>
        <p><span class="tit">弟子规1课</span></p>
      </li>
      </ul>
    </div>
  </div>
</template>

<script>
import Header from '../../components/header.vue';
export default {
  data() {
    return {};
  },
  created() {
  },
  methods: {
    Close(){
      this.$router.go(-1)
    }
  },
  components:{Header}
};
</script>

<style lang="scss" scoped>
html body{ background: #FFFFFF;}
</style>
